<template>
  <el-dialog
    title="改单"
    :modal="false"
    :visible.sync="centerDialogVisible"
    width="50%"
    center
  >
    <div>
      <el-row :gutter="6">
        <el-form
          ref="paramForm"
          size="mini"
          label-width="280px"
        >
          <el-row>
            <el-col :span="8">
            <el-button size="mini" @click="initOrderLocked">客户预报信息</el-button>
            </el-col>
            <el-col :span="8">
              <el-button size="mini" @click="initShipperPerson" > 发件人信息</el-button>
            </el-col>
            <el-col :span="8">
              <el-button size="mini" @click="initImporterCompanyName">进口商信息</el-button>
            </el-col>
          </el-row>
        </el-form>
      </el-row>
    </div>
    <ImporterCompanyName
      ref="ImporterCompanyName"
      :data="data"
    ></ImporterCompanyName>
    <ShipperPersonName ref="ShipperPersonName" :data="data"></ShipperPersonName>
<!--    <OrderLocked ref="OrderLocked"-->
<!--                 :order-type="orderType"-->
<!--                 :Constatvariable="data"-->
<!--                 :forecastForm="forecastForm"-->
<!--                 @saveInfo="saveInfo"-->
<!--                 width="120%"></OrderLocked>-->
  </el-dialog>
</template>

<script>
import { ajax } from "@/store/yg/common/utils";
import axios from "axios";
import * as constant from "@/store/yg/common/constant";
import { m } from "@/store/yg/common/local";
const ImporterCompanyName=  () => import("./ImporterCompanyName");
const ShipperPersonName=  () => import("./ShipperPersonName");
// const OrderLocked=  () => import("./OrderLocked");
export default {
  components: {
    ImporterCompanyName,
    // OrderLocked,
    ShipperPersonName,

  },
  props: {
    data: {
      type: Object,
      default: function() {
        return {};
      }
    },
    Constatvariable: {
      type: Object,
      default: function() {
        return {};
      }
    },
    orderType: {
      type: String,
      default: "seaairwaybill"
    }
  },
  data() {
    return {
      initOptionsData: {},
      initMap:{},
      forecastForm: {
        //运单ID
        id: "",
        countryId: "",
        mergerDeclarationNo: "", //合并报关单号
        isFba: "",
        customerActualWeight: "",
        customerVolume: "",
        provinceId: "",
        deliveryTerms: "",
        customerChargedWeight: "",
        loadingPort: "",
        isTaxFarming: "",
        customerTotalPackages: "",
        inStockChannel: "",
        isCustomerDeclaration: 0,
        dispatchAddressCode: "",
        dispatcher: "",
        dispatchLinkMan: "",
        dispatchPhone: "",
        dispatchProvince: "",
        dispatchCity: "",
        dispatchZipCode: "",
        dispatchAddress: "",
        dispatchAddress2: "",
        isBuyInsurance: 0,
        houseNumber: "",
        customerCalVolume: null,
        pickUpGoodsAddres: "",
        customerRemark: "123"
      },
      centerDialogVisible: false,
      channelInitMap: {},
    };
  },
  mounted() {
  },
  methods: {
    saveInfo() {
      this.centerDialogVisible = false;
      this.$emit("initWaybillData");
    },
    //修改备注
    initImporterCompanyName(){
      console.log(this.data)
      this.$refs.ImporterCompanyName.centerDialogVisible = true;
    },
    initShipperPerson(){
      console.log(this.data)
      this.$refs.ShipperPersonName.centerDialogVisible = true;
    },
    initOrderLocked(){
      this.$emit('editWaybillInfo')
    },
  },
};
</script>

<style></style>
